<template>
    <div class="index">
        <el-card class="box-card font-left">
            <div slot="header" class="clearfix">
                <span>审核通过文章</span>
            </div>
                <el-table
                    :data="tableData"
                    style="width: 100%">
                    <el-table-column
                    label="序列"
                    width="180">
                    <template slot-scope="scope">
                        <span style="margin-left: 10px">{{ scope.row.id }}</span>
                    </template>
                    </el-table-column>                    
                    <el-table-column
                    label="完成时间"
                    width="180">
                    <template slot-scope="scope">
                        <i class="el-icon-time"></i>
                        <span style="margin-left: 10px">{{ scope.row.date }}</span>
                    </template>
                    </el-table-column>
                    <el-table-column
                    label="攥写人"
                    width="180">
                    <template slot-scope="scope">
                        <span style="margin-left: 10px">{{ scope.row.name }}</span>
                    </template>                       
                    </el-table-column>
                    <el-table-column
                    label="文章名称"
                    width="180">
                    <template slot-scope="scope">
                        <span style="margin-left: 10px">{{ scope.row.articalName }}</span>
                    </template>                       
                    </el-table-column>
                    <el-table-column
                    label="关键字"
                    width="180">
                    <template slot-scope="scope">
                        <span style="margin-left: 10px">{{ scope.row.keyWord }}</span>
                    </template>                       
                    </el-table-column>
                    <el-table-column
                    label="审核人"
                    width="180">
                    <template slot-scope="scope">
                        <span style="margin-left: 10px">{{ scope.row.examineder }}</span>
                    </template>                       
                    </el-table-column>                   
                </el-table>
        </el-card>
    </div>
</template>

<script>
    export default {
        data() {
            return {
                tableData:[
                    {
                        id:1,
                        date:"2018-07-07",
                        name:'龙剑',
                        articalName:'惊情四百年',
                        keyWord:'吸血鬼、文艺、恐怖',
                        content:"这是一部阴森诡异的吸血鬼传说,同时也是一个凄美感伤的爱情故事。"+ 
　　                             "公元1462年，土耳其人入侵君士坦丁堡，并威胁到整个基督教。罗马尼亚大将军德古拉伯爵(加里•奥德曼 饰)临危受命征讨，不料就在他获胜之时，城内谣言四起， 盛传他已战死沙场。他的妻子伊丽莎白（薇诺娜•赖德 饰）因悲痛欲绝而投河自杀，班师回朝的德古拉看到的只是妻子的尸体。由此他迁怒于上帝，从而化身投入邪恶势力，以吸食鲜血延续生命，成了一个不死的吸血僵尸。"+ 
　　                             "四百年后，故事辗转到了1897年的伦敦，年轻律师强•纳生（基努•里维斯 饰）受命到罗马尼亚特兰斯瓦尼亚属地的德古拉家族城堡去办理这位贵族后裔在伦敦的地产手续。为此，他将与未婚妻——美丽的美娜（薇诺娜•赖德 饰）分离。德古拉城堡的主人公正是已化为吸血鬼的德古拉伯爵，他发现美娜与伊丽莎白惊人相象，认为美娜就是莉莎的转世再生。他决定找到美娜，找回那一份遗失了四百年的真爱。他将约拿囚禁在城堡之中，带上成箱子的故乡泥土：这是他力量的源泉，乘船一路呼风唤雨来到伦敦。他的到来复苏了伦敦的黑暗力量。吸血蝙蝠与狼人醒了，伦敦处于一种神秘的恐怖之中。而美娜却总在冥冥之中听到一种心灵的神秘的召唤，在恐惧中又带有一种强烈的向往...",
                        examineder:'龙'
                    },
                    {
                        id:2,
                        date:"2018-07-07",
                        name:'龙江',
                        articalName:'夜访吸血鬼',
                        keyWord:'吸血鬼、文艺、',
                        content:"18世纪的路易斯安娜州，丧失妻女痛不欲生的庄园主路易（布拉德·皮特 饰）遇上了吸血鬼莱斯塔特（汤姆·克鲁斯 饰），被其施法变成吸血鬼。路易心存人性，不愿意吸血杀人，靠吸食动物的血为生，而莱斯塔特则一心要把路易斯教导成一个真正的吸血同类。"+ 
　　                                "在新奥尔良，路易禁不起诱惑吸了小女孩克萝迪娅（克尔斯滕·邓斯特 饰）的血，而莱斯塔特则不顾路易斯的反对把克萝迪娅也变成了吸血鬼。三个人组成了一个奇特的家庭。 "+
　　                                "几十年过去了，克萝迪娅开始怨恨莱斯塔特剥夺了他真正的人生，她设计杀死了莱斯塔特，和路易周游世界，过着既像父女、又像情人的生活，寻找同类，也寻找着自身存在的意义。"+ 
　　                                "在巴黎，他们遇上了以阿蒙（安东尼奥·班德拉斯 饰）为首的一群吸血鬼，聚居在剧院地下，过着和他们迥然不同的生活，阿蒙给了路易许多教导，想成为路易的新伙伴，为此，路易和克萝迪娅之间出现了裂痕，最终，酿成了无可挽回的悲剧。 "+
　　                                "1988年，路易斯返回了新奥尔良，向一个年轻记者马洛伊（克里斯琴·斯莱特 饰）讲述了自己的经历，讲述了吸血鬼长生不死背后的哀伤，不料，马洛伊在听完之后却被深深地吸引，一个新的吸血鬼的故事，将由此开始。",
                        examineder:"龙"

                    },
                    {
                        id:3,
                        date:"2018-07-07",
                        name:'龙江',
                        articalName:'德古拉元年',
                        keyWord:'吸血鬼、文艺、战争',
                        content:"15世纪中叶，作风彪悍残忍的穿刺王弗拉德（卢克·伊万斯 Luke Evans 饰）在土耳其苏丹的扶持下回到故乡特兰西瓦尼亚，建立起一个和平祥和的国家。然而此时此刻他仍受制于土耳其苏丹王穆罕默德（多米尼克·库珀 Dominic Cooper 饰），苏丹要求弗拉德献上一千个男孩充军，包括他儿子在内的孩子们都将成为嗜血统治者的牺牲品。不愿孩子重走自己当年血腥之路的弗拉德奋起反抗，屠杀使者。为了赢得战争的胜利，他闯入神秘而恐怖的断牙山，期望借助传说中的怪物之手击退土耳其的入侵者。"+ 
　　                               "他为了国家不惜抛弃良知和灵魂，由此注定了千古悲剧的开始。吸血鬼德古拉的传说由此上演……",
                        examineder:"龙"

                    },                   
                ],
                dialogVisible:false,
                content:''
            }
        },
        methods: {
            viewContent(row) {
                this.dialogVisible=true
                this.content = row
                
            },
            handleDelete(index, row) {
                console.log(index, row);
            },
            handleClose(done) {
                this.$confirm('确认关闭？')
                .then(_ => {
                    done();
                })
                .catch(_ => {});
            }           
        }
    }
</script>

<style scoped>
    .box-card{
        margin: 5% 40px
    }
    .font-left{
        text-align:left;
        font-weight:bold
    }
</style>